<template>
	<view class="box">
		<headers title='加入我们'></headers>

		<view class=""></view>
	</view>
</template>

<script>
	import headers from '../../components/headers/headers.vue'
	export default {
		data() {
			return {

			}
		},
		components: {
			headers
		},
		methods: {

		}


	}
</script>

<style scoped lang="scss">
	.box {
		height: calc(100vh);
		width: 100%;
		background: #F3F3F3;
	}

	.top {
		width: 100%;
		// height: 448rpx;
		background: #FFFFFF;
		box-sizing: border-box;
		padding: 0 50px;
		padding-top: 50px;
	}

	.ztx {
		width: 170rpx;
		margin: 0 auto;
		position: relative;
		margin-bottom: 50rpx;
	}

	.touxiang {
		width: 170rpx;
		height: 170rpx;
		border-radius: 50%;
		overflow: hidden;

		image {
			width: 100%;
			height: 100%;
		}
	}

	.xbiaoq {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		bottom: -15rpx;
		z-index: 999;
		width: 50rpx;
		height: 50rpx;
		border-radius: 50%;
		overflow: hidden;
		background: white;
		text-align: center;
		line-height: 65rpx;
		box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(13, 192, 110, 0.2);

		image {
			width: 35rpx;
			height: 35rpx;
		}

	}

	.continer {
		width: 100%;
		background: #FFFFFF;
		margin: 20rpx 0px;
		box-sizing: border-box;
		padding: 0rpx 50rpx;
	}
</style>